<!-- 提示信息 -->
<app-tip [type]="tipType"></app-tip>

<div class="table-main">
  <div class="header">
    <div class="left flex" [routerLink]="['/main/operation/cash-desk']" id="btn-back" style="position: absolute;height: 100%;">
      <div class="left-icon">
        <i class="fa fa-angle-left back-icon" aria-hidden="true"></i>
      </div>
      <div class="left-name">
        <span class="back-name">返回</span>
      </div>
    </div>
    <div class="center">收银台</div>
    <div style="position: absolute;right: 0;top: 0;">
      <div class="right" style="position: relative;height: 70px;" (click)="changeRightSpinnerState($event)">
        <i class="fa fa-ellipsis-v" style="font-size: 1em;line-height: 70px;"></i>
        <div
          style="width:100%;position: absolute;top:100%;right: 0;background: #3385ff;
            color: #fff;border-radius: 2px;font-size: 0.9em;"
          *ngIf="rightSpinnerState">
          <div style="padding: 0 8px;height: 4em;line-height: 3.5em;" [routerLink]="['/main/set/default']">个人中心</div>
        </div>
      </div>
    </div>
  </div>
  <!--<app-table-nav [navName]="'tableList'"></app-table-nav>-->
  <div>
    <div style="height: 84px;"></div>
    <ul class="payBtnList">
      <li>订单总价：￥108.5</li>
      <li>实际支付：<input type="number"></li>
      <li>选择支付方式：
        <div style="margin-top: 10px;">
          <div class="yami-btn">支付宝</div>
          <div class="yami-btn">微信</div>
          <div class="yami-btn">现金</div>
          <div class="yami-btn">会员卡</div>
        </div>
      </li>
      <li>特殊账单：
        <div style="margin-top: 10px;">
          <div class="yami-btn">免单</div>
          <div class="yami-btn">招待单</div>
          <div class="yami-btn">挂账</div>
        </div>
      </li>
    </ul>
  </div>

  <div style="margin-bottom: 5em"></div>
</div>
